<div id="info_container" class="greyish" >

	<div id="item_title">
		<strong>Item Name</strong>
	</div>

	<div id="item">
  		<div class="item_container" id="item_container">

		</div>
		<div>
			<input type="submit" onClick="js:addItemName();" value="Change name"/>			
		</div>
  		<br style="clear: both;"/>    
	</div>

	<div id="additives_title">
		<strong>Additives</strong>
		<span id="additives_loading" class="loader invisible" >Loading...</span>
	</div>
	
	<div id="additives">
		<div class="item_container" id="additive_container">  
		</div>
		<br style="clear: both;" />
		<div>
			<input type="submit" onClick="js:addAdditive();" value="Add additives"/>
		</div>
  		<br style="clear: both;"/>  
	</div>

	<div id="ingredients_title">
	  <strong>Ingredients</strong>
	  <span id="ingredients_loading" class="loader invisible" >Loading...</span>
	</div>
	
	<div id="ingredients">
		<div class="item_container" id="ingredients_container">
    		
  		</div>
  		<div>
  			<input type="submit" onClick="js:addIngredient();" value="Add Ingredients"/>  			
  		</div>
  		<br style="clear: both;"/>  
	</div>


	<div id="alergens_title">
		<strong>Alergens</strong>
		<span id="allergens_loading" class="loader invisible" >Loading...</span>
	</div>
	
	<div id="alergens">
		<div class="item_container" id="alergens_container">
		      
	 	</div>
	 			<select multiple="multiple" id="fromBox" onchange="js:sendAllergens();">
	 			<!--<option id="first" value="first">Add Alergen</option>-->

		  		</select>
	 	<!--<div>
	 		<input type="submit" onClick="js:addAlergen();" value="Add Alergens"/>	 		
	 	</div>-->
		<br style="clear: both;"/>  
	</div>


</div>